<!DOCTYPE HTML>
<html>
<head>
    <link rel="stylesheet" href="home.css">
    <link rel="stylesheet" href="public-menu.css">
</head>
<style>
    /*body{*/
        /*width: 1200px;*/
        /*height: 2200px;*/
    /*}*/
    /*h2{font-size: 0.09rem}*/
    p{font-size: 0.09rem}
    /*relative*/
    /*h2.pos_left*/
    /*{*/
        /*position:relative;*/
        /*left:-20px*/
    /*}*/
    /*h2.pos_right*/
    /*{*/
        /*position:relative;*/
        /*left:20px*/
    /*}*/
    /*relative*/


    /*!*absolute*!*/
    /*.pos_abs*/
    /*{*/
        /*position:absolute;*/
        /*left:100px;*/
        /*top:190px;*/
        /*z-index:9;*/
    /*}*/
    /*.index{*/
        /*width: 550px;*/
        /*font-size: 0.09rem;*/
        /*position:absolute;*/
        /*left:100px;*/
        /*top:190px;*/
        /*z-index:999;*/
        /*background-color: rebeccapurple;*/
    /*}*/



    /*fixed*/
    /*.fixed{*/
        /*width: 100px;*/
        /*height: 100px;*/
        /*position: fixed;*/
        /*left: 200px;*/
    /*}*/

</style>
<body>
<!--定位 relative-->
<!--<h2>这是位于正常位置的标题</h2>-->
<!--<h2 class="pos_left">这个标题相对于其正常位置向左移动</h2>-->
<!--<h2 class="pos_right">这个标题相对于其正常位置向右移动</h2>-->

<!--定位 absolute 和z-index 配合使用-->
<!--<h2 class="pos_abs">这是带有绝对定位的标题</h2>-->
<!--<div class="index">-</div>-->
<!--<p>通过绝对定位，元素可以放置到页面上的任何位置。下面的标题距离页面左侧 100px，距离页面顶部 150px。</p>-->



<!--定位 position:fixed-->
<!--<h2>21213213213213213231</h2>-->
<!--<h2>21213213213213213231</h2>-->
<!--<h2>21213213213213213231</h2>-->
<!--<h2>21213213213213213231</h2>-->
<!--<h2>21213213213213213231</h2>-->
<!--<h2>21213213213213213231</h2>-->
<!--<div class="fixed"><img src="327034.jpg"></div>-->

<!--stop-->
<!--<p><button id="start">下滑</button><button id="stop">停止</button></p>-->

<!--<div id="box" style="background:#98bf21;height:100px;width:100px;position:relative">-->
<!--</div>-->

<!--<button rel="0">点击这里，使三个矩形淡入</button>-->
<!--<div id="div1" style="width:80px;height:80px;display:none;background-color:red;"></div>-->
<!--<div id="div2" style="width:80px;height:80px;display:none;background-color:green;"></div>-->
<!--<div id="div3" style="width:80px;height:80px;display:none;background-color:blue;"></div>-->

<button>开始动画</button>
<p>默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。</p>
<div style="background:#98bf21;height:100px;width:100px;position:absolute;">
</div>





<!--<div class="logo_bottom">-->
    <!--<div class="bread" rel="0">-->
        <!--<img src="svg/return_caidan_kase.svg" alt="">-->
    <!--</div>-->
<!--</div>-->
<!------菜单--------->
<!--<div class="menu_bg"></div>-->
<!--<div class="menu">-->
    <!--<div class="menu-row">-->
            <!--<div class="fu-row">-->
                <!--<div class="menu-title"><span>菜单一</span></div>-->
                <!--<div class="menu-img"><img src="svg/caidanjt.svg"></div>-->
            <!--</div>-->
    <!--</div>-->
    <!--<div class="menu-row">-->
        <!--<div class="fu-row">-->
            <!--<div class="menu-title"><span>菜单二</span></div>-->
            <!--<div class="menu-img"><img src="svg/caidanjt.svg"></div>-->
        <!--</div>-->
        <!--<div class="menu-son-box">-->
            <!--<div class="meun-son">-->
                <!--<div class="menu-son-title"><span>子菜单一</span></div>-->
            <!--</div>-->
            <!--<div class="meun-son">-->
                <!--<div class="menu-son-title"><span>子菜单二</span></div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<!-----菜单---------->
</body>
</html>
<script src="jquery.js"></script>
<script src="rem.js"></script>
<script src="public-menu.js"></script>

